import { createRouter, createWebHistory, createWebHashHistory, RouteRecordRaw } from 'vue-router';
import Home from '../views/Home.vue';
import Layout from '../components/layout/index.vue';
const routes: RouteRecordRaw[] = [
    {
        path: '/',
        component: Layout,
        children: [
            {
                path: '/',
                component: Home,
            },
            {
                path: '/about',
                name: 'About',
                component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
            },
            {
                path: '/setting',
                name: 'Setting',
                component: () => import(/* webpackChunkName: "setting" */ '../views/Setting.vue'),
            },
            {
                path: '/org',
                name: 'Org',
                component: () => import(/* webpackChunkName: "org" */ '../views/org/index.vue'),
            },
            {
                path: '/comMix',
                name: 'ComMix',
                component: () => import(/* webpackChunkName: "comMix" */ '../views/comMix/index.vue'),
            },
            {
                path: '/loader',
                name: 'Loader',
                component: () => import(/* webpackChunkName: "comMix" */ '../views/comMix/Loader.vue'),
            },
        ],
    },
];

const router = createRouter({
    routes,
    history: createWebHashHistory(),
});

export default router;
